import { ref, onMounted } from 'vue'
import { getImageApi } from '@/api/user/user';
/**
 * 这些模块 就是单独封装起来的 出了问题就可以直接 查找这个模块就好了 和其他的地方不一样
 */
export default function useImage() {
  const imgSrc = ref('')
  const getImage = async (url) => {
    await getImageApi(url).then(res => {
      // 处理数据
      return 'data:image/png;base64,' + btoa(new Uint8Array(res.data as any).reduce((data, byte) => data + String.fromCharCode(byte), ''))
    }).then(data => {
      imgSrc.value = data
    })
  }
  onMounted(() => {
    getImage(imgSrc)
  })
  return {
    imgSrc,
    getImage
  }
}
